<%@ page language="java" contentType="text/html; charset=utf-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Sign up</title>

<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/bootstrap.js"></script>

<link rel="stylesheet" href="${pageContext.request.contextPath }/css/bootstrap.css">
<link rel="stylesheet" href="${pageContext.request.contextPath }/css/bootstrap-theme.css">
<link rel="stylesheet" href="${pageContext.request.contextPath }/css/signin.css">

</head>
<body>
	<div class="container">
		<form class="form-signin" role="form" action="${pageContext.request.contextPath }/authenticate.do?flag=signupUser" method="post">
			<h2 class="form-signin-heading">Sign up</h2>
			<input type="text" class="form-control" placeholder="Username" required autofocus />
			<input type="text" class="form-control" placeholder="Email address" required /> 
			<input type="password" class="form-control" placeholder="Password" required />
			<button class="btn btn-primary btn-lg btn-block" type="submit">Sign up</button>
			<a class="form-link" href="${pageContext.request.contextPath }/authNavigation.do?flag=goToLogin">Log in to your dashboard</a>
			
			<div class="form-msg">${msg }</div>
		</form>
	</div>
</body>
</html>